<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--1.form表示整个表单 action表示收集好数据的提交地址 #代表数据提交到当前页 -->
<form action="#">
    <!-- 2.value属性用来保存输入框的值,也可以用来设置输入框的默认值
          value如果设置在按钮上,用来设置按钮上显示的文本 -->
   用户名:<input type="text" name="username" value="达达"> <br>
    <!-- 3.单值属性: readonly:只读(只能看不能改 但值可以提交)  disabled:禁用(只能看不能改,且值不能提交)   -->
    昵称:<input type="text" name="nickname1" value="昵称1" readonly> <br>
    昵称2:<input type="text" name="nickname2" value="昵称2" disabled> <br>
   密码:<input type="password" name="upwd"  maxlength="6"><br> <!--placeholder="请输入密码"-->
   性别:
  <input type="radio" name="gender" value="0" checked>男
  <input type="radio" name="gender" value="1" >女
  <br>
    爱好:
  <input type="checkbox" name="like" value="cy">抽烟
  <input type="checkbox" name="like" value="hj">喝酒
  <input type="checkbox" name="like" value="tt">烫头
  <input type="checkbox" name="like" value="Java" checked>学Java
  <br>
    <!-- h5新增的一些input控件   -->
    生日:<input type="date" name="birthday"> <br>
    幸运色: <input type="color" name="lc"> <br>
    <!-- 取值范围[0,100],默认值为50   -->
    缩放: <input type="range" name="sz"> <br>
    文件: <input type="file" name="uf"> <br>

    喜欢的城市:
    <select name="city" >
        <option value="bj">北京</option>
        <option value="nj" selected>南京</option>
        <option value="zh">珠海</option>
        <option value="ccc">长春</option>
    </select>
    <br>
    <input type="checkbox" id="ok">
    <label for="ok">我同意以上协议</label>
    <br>
    <!-- 效果:点击文字时,关联的输入框直接获取焦点(获得输入的那个光标) -->
    <label for="uu">关联文字</label>
    <input type="text" id="uu" placeholder="请输入文字">
    <br>
    <!-- 多行文本域   -->
    留言板:
    <textarea name="content" id="" cols="30" rows="5" style="resize: none">默认值</textarea>

    <br>
   <input type="submit"value="点击提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>我是按钮</button>
</form>
</body>
</html>